/* FieldX */
.ux-codeviewx-border {
	background: url('../../../resources/yxmes/icon/iconchecklist.png') 50% 50%
		no-repeat;
	width: 20px;
	height: 20px
}

.ux-codeviewx-border-over {
	background: url('../../../resources/yxmes/icon/iconchecklist.png') 50% 50% no-repeat;
	width: 20px;
	height: 20px
}

.x-item-disabled .ux-codeviewx-trigger {
	opacity: .3;
	cursor: auto;
}

.ux-codeviewx-trigger {
	background-position: 3px 0px;
	cursor: pointer;
	overflow: hidden;
	margin-right: 1px;
	width: 20px;
}

.ux-codeviewfieldx .x-trigger-noedit {
	cursor: auto;
}

.ux-codeviewfieldx .x-trigger-cell {
	margin-right: 1px;
	width: 20px !important;
}

.contentCommon .ux-codeviewfieldx .x-trigger-cell {
	width: 37px !important;
}

.contentCommon .ux-codeviewx-border {
	background: url("../../../resources/yxmes/icon/contentCodeviewBorder.png") 50% 50%
		no-repeat;
	width: 33px;
	height: 33px
}

.contentCommon .ux-codeviewx-border-over {
	background: url("../../../resources/yxmes/icon/contentCodeviewBorderOver.png") 50% 50%
		no-repeat;
	width: 33px;
	height: 33px
}

.contentCommon .ux-codeviewx-trigger {
	background-position: 2px 0px;
	border-color: #484a4c;
	cursor: pointer;
	overflow: hidden;
	width: 37px !important;
	height: 35px;
	padding: 0 !important;
}

.opcLayout .x-grid-editor  .ux-codeviewfieldx .x-trigger-cell {
	width: 37px !important;
}

.opcLayout .x-grid-editor .ux-codeviewx-border {
	background: url("../../../resources/yxmes/icon/contentCodeviewBorder.png") 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 33px
}

.opcLayout .x-grid-editor .ux-codeviewx-border-over {
	background: url("../../../resources/yxmes/icon/contentCodeviewBorderOver.png") 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 33px
}

.opcLayout .x-grid-editor .ux-codeviewx-trigger {
	background-position: 2px 0px;
	border-color: #484a4c;
	cursor: pointer;
	overflow: hidden;
	width: 37px !important;
	padding: 0 !important;
}

/* ButtonX */
.ux-codeviewx-icon {
	background: url('../../../resources/yxmes/icon/iconchecklist.png') -4px 2px no-repeat;
	height: 21px !important
}

.x-over .ux-codeviewx-icon {
	background: url('../../../resources/yxmes/icon/iconchecklist.png') -29px 2px no-repeat;
	height: 21px !important
}

.x-pressed .ux-codeviewx-icon {
	background: url('../../../resources/yxmes/icon/iconchecklist.png') -53px 2px no-repeat;
	height: 21px !important
}

.contentCommon .ux-codeviewx-icon, x-window-body .ux-codeviewx-icon {
	background: url("../../../image/contentIconCodeview.png") 20% 6px no-repeat;
	width: 35px;
	height: 32px !important;
}

.opcLayout .x-grid-editor .ux-codeviewx-icon, x-window-body .ux-codeviewx-icon
	{
	background: url("../../../image/contentIconCodeview.png") 20% 6px no-repeat;
	width: 35px;
	height: 32px !important;
}

/* Codeview Popup */
.ux-codeview-clearBtn {
	background: url('../../../resources/yxmes/icon/clear16.png') 0 0px no-repeat
		!important;
}

.x-ie8 .contentCommon .ux-codeviewx-icon {
	top: -5px;
	background-position: 30% 50%;
	line-height: 20px !important;
}

.x-ie8 .opcLayout .x-grid-editor .ux-codeviewx-icon {
	top: -5px;
	background-position: 30% 50%;
	line-height: 20px !important;
}

.x-ie8 .header .ux-codeviewx .x-btn table {
	width: 16px;
	height: 18px;
}

.contentCommon .ux-codeviewx, .x-window .ux-codeviewx {
	width: 35px !important;
	min-width: 35px !important;
	margin: 0 !important;
}

.opcLayout .x-grid-editor .ux-codeviewx, .x-window .ux-codeviewx {
	width: 35px !important;
	min-width: 35px !important;
	margin: 0 !important;
}